{layout name="layout/layout" /}
<style>
    /**必填红点 */
    .layui-form-item .required:after {
        content: '*';
        color: red;
        position: absolute;
        margin-left: 4px;
        font-weight: bold;
        line-height: 1.8em;
        top: 6px;
        right: 5px;
    }
</style>
<div class="layuimini-container">
    <form id="app-form" class="layui-form layuimini-form">
        <div class="layuimini-main" id="app">
            <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
                <ul class="layui-tab-title">
                    <li class="layui-this" data-group="activity">活动设置</li>
                    <li data-group="recom">推荐设置</li>
                    <li data-group="share">分享设置</li>
                    <li data-group="poster">海报设置</li>
                    <li data-group="order">下单设置</li>
                    <li data-group="seller">商家设置</li>
                    <li data-group="draw_prize">翻牌抽奖</li>
                    <li data-group="platform_box">平台盲盒</li>
                    <li data-group="custom">自定义设置</li>
                    <li data-group="staff">员工设置</li>
                </ul>
                <div class="layui-tab-content">
                    <!-- group -->
                    <div class="layui-tab-item layui-show">
                        <!--<div class="layui-form-item">
                            <label class="layui-form-label required">活动状态</label>
                            <div class="layui-input-block">
                                <input type="radio" name="status" value="0" title="下架">
                                <input type="radio" name="status" value="1" title="上架" checked>
                            </div>
                        </div>-->
                        <input type="hidden" name="status" value="0">
                        <div class="layui-form-item">
                            <label class="layui-form-label required">活动名称</label>
                            <div class="layui-input-block">
                                <input type="text" name="activity_title" class="layui-input"  placeholder="请输入活动名称" value="" lay-verify="required">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label required">首图</label>
                            <div class="layui-input-block layuimini-upload">
                                <input name="activity_head_image" class="layui-input layui-col-xs6" placeholder="请上传首图" value="" lay-verify="required">
                                <div class="layuimini-upload-btn">
                                    <span><a class="layui-btn" data-upload="activity_head_image" data-upload-number="one" data-upload-exts="png|jpg|jpeg"><i class="fa fa-upload"></i> 上传</a></span>
<!--                                    <span><a class="layui-btn layui-btn-normal" id="select_activity_head_image" data-upload-select="activity_head_image" data-upload-number="one"><i class="fa fa-list"></i> 选择</a></span>-->
                                </div>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label required">原价</label>
                            <div class="layui-input-block">
                                <input type="number" name="activity_original_price" class="layui-input"  placeholder="请输入原价" value="" lay-verify="required">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label required">现价</label>
                            <div class="layui-input-block">
                                <input type="number" name="activity_present_price" class="layui-input"  placeholder="请输入现价" value="" lay-verify="required">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label required">库存数量</label>
                            <div class="layui-input-block">
                                <input type="number" name="activity_stock" class="layui-input"  placeholder="请输入库存数量" value="" lay-verify="required">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label required">限购数量</label>
                            <div class="layui-input-block">
                                <input type="number" name="activity_quota" class="layui-input"  placeholder="请输入限购数量" value="" lay-verify="required">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label required">活动开始时间</label>
                            <div class="layui-input-block">
                                <input type="text" name="activity_start_time" data-date="" data-date-type="datetime" class="layui-input"  placeholder="请选择活动开始时间" value="" lay-verify="required">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label required">活动结束时间</label>
                            <div class="layui-input-block">
                                <input type="text" name="activity_end_time" data-date="" data-date-type="datetime" class="layui-input"  placeholder="请选择活动结束时间" value="" lay-verify="required">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label required">活动详情图片</label>
                            <div class="layui-input-block layuimini-upload">
                                <input name="activity_detail_image" class="layui-input layui-col-xs6" placeholder="请上传活动详情图片" value="" lay-verify="required">
                                <div class="layuimini-upload-btn">
                                    <span><a class="layui-btn" data-upload="activity_detail_image" data-upload-number="one" data-upload-exts="png|jpg|jpeg"><i class="fa fa-upload"></i> 上传</a></span>
<!--                                    <span><a class="layui-btn layui-btn-normal" id="select_activity_detail_image" data-upload-select="activity_detail_image" data-upload-number="one"><i class="fa fa-list"></i> 选择</a></span>-->
                                </div>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label required">收款账户</label>
                            <div class="layui-input-block layuimini-upload">
                                <input name="activity_payment_id" class="layui-input layui-col-xs6" placeholder="请选择收款账户" value="" lay-verify="required">
                                <div class="layuimini-upload-btn">
                                    <span>
                                        <a class="layui-btn layui-btn-normal"
                                           id="select_activity_payment_id"
                                           data-payment-select="activity_payment_id"
                                           data-payment-select-number="one"
                                           data-payment-select-url="/admin/admin/paymentAccount/index?type=1"
                                           data-payment-select_id="id"
                                           data-payment-select_name="name"
                                        ><i class="fa fa-list"></i> 选择</a>
                                    </span>
                                </div>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label required">虚拟销量</label>
                            <div class="layui-input-block">
                                <input type="number" name="activity_virtual_sales" class="layui-input"  placeholder="请输入虚拟销量" value="" lay-verify="required">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label required">虚拟浏览量</label>
                            <div class="layui-input-block">
                                <input type="number" name="activity_virtual_visitor" class="layui-input"  placeholder="请输入虚拟浏览量" value="" lay-verify="required">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label required">虚拟参与人数</label>
                            <div class="layui-input-block">
                                <input type="number" name="activity_virtual_join" class="layui-input"  placeholder="请输入虚拟参与人数" value="" lay-verify="required">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label required">虚拟分享数</label>
                            <div class="layui-input-block">
                                <input type="number" name="activity_virtual_share" class="layui-input"  placeholder="请输入虚拟分享数" value="" lay-verify="required">
                            </div>
                        </div>
                    </div>
                    <!-- group -->
                    <div class="layui-tab-item">
                        <div class="layui-form-item">
                            <label class="layui-form-label required">是否需要购买</label>
                            <div class="layui-input-block">
                                <input type="radio" name="recom_is_buy" value="0" title="否">
                                <input type="radio" name="recom_is_buy" value="1" title="是" checked>
                                <tip style="color: #666; position: absolute; top: 8px;">备注：推荐人是否需要购买</tip>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label required">奖励金额</label>
                            <div class="layui-input-block">
                                <input type="number" name="recom_reward_amount" class="layui-input"  placeholder="请输入奖励金额" value="" lay-verify="required">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label required">支付后是否增加一次翻牌抽奖</label>
                            <div class="layui-input-block">
                                <input type="radio" name="recom_payment_prize_plus_one" value="0" title="否" checked>
                                <input type="radio" name="recom_payment_prize_plus_one" value="1" title="是">
                                <tip style="color: #666; position: absolute; top: 8px;">备注：被推荐人</tip>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label required">支付账户</label>
                            <div class="layui-input-block layuimini-upload">
                                <input name="recom_payment_id" class="layui-input layui-col-xs6" placeholder="请选择支付账户" value="" lay-verify="required">
                                <div class="layuimini-upload-btn">
                                    <span>
                                        <a class="layui-btn layui-btn-normal"
                                           id="select_recom_payment_id"
                                           data-payment-select="recom_payment_id"
                                           data-payment-select-number="one"
                                           data-payment-select-url="/admin/admin/paymentAccount/index?type=2"
                                           data-payment-select_id="id"
                                           data-payment-select_name="name"
                                        ><i class="fa fa-list"></i> 选择</a>
                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- group -->
                    <div class="layui-tab-item">
                        <div class="layui-form-item">
                            <label class="layui-form-label required">标题</label>
                            <div class="layui-input-block">
                                <input type="text" name="share_title" class="layui-input"  placeholder="请输入标题" value="" lay-verify="required">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label required">描述</label>
                            <div class="layui-input-block">
                                <input type="text" name="share_describe" class="layui-input"  placeholder="请输入描述" value="" lay-verify="required">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label required">图片</label>
                            <div class="layui-input-block layuimini-upload">
                                <input name="share_image" class="layui-input layui-col-xs6" placeholder="请上传图片" value="" lay-verify="required">
                                <div class="layuimini-upload-btn">
                                    <span><a class="layui-btn" data-upload="share_image" data-upload-number="one" data-upload-exts="png|jpg|jpeg"><i class="fa fa-upload"></i> 上传</a></span>
<!--                                    <span><a class="layui-btn layui-btn-normal" id="select_share_image" data-upload-select="share_image" data-upload-number="one"><i class="fa fa-list"></i> 选择</a></span>-->
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- group -->
                    <div class="layui-tab-item">
                        <div class="layui-form-item">
                            <label class="layui-form-label required">图片</label>
                            <div class="layui-input-block layuimini-upload">
                                <input name="poster_image" class="layui-input layui-col-xs6" placeholder="请上传图片" value="" lay-verify="required">
                                <div class="layuimini-upload-btn">
                                    <span><a class="layui-btn" data-upload="poster_image" data-upload-number="one" data-upload-exts="png|jpg|jpeg"><i class="fa fa-upload"></i> 上传</a></span>
<!--                                    <span><a class="layui-btn layui-btn-normal" id="select_poster_image" data-upload-select="poster_image" data-upload-number="one"><i class="fa fa-list"></i> 选择</a></span>-->
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- group -->
                    <div class="layui-tab-item">
                        <div class="layui-form-item">
                            <label class="layui-form-label required">勾选所填信息</label>
                            <div class="layui-input-block">
                                <input type="checkbox" name="draw_prize_fill_info[name]" value="name" title="姓名" checked>
                                <input type="checkbox" name="draw_prize_fill_info[phone]" value="phone" title="手机号" checked>
                                <input type="checkbox" name="draw_prize_fill_info[customer_type]" value="customer_type" title="新客/老客">
                            </div>
                        </div>
                    </div>
                    <!-- group -->
                    <div class="layui-tab-item">
                        <div class="layui-form-item">
                            <label class="layui-form-label required">名称</label>
                            <div class="layui-input-block">
                                <input type="text" name="seller_name" class="layui-input"  placeholder="请输入名称" value="" lay-verify="required">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">位置</label>
                            <div class="layui-input-inline" style="width: 300px; height: 500px">
                                <iframe id="iframe" width="100%" height="100%" frameborder=0
                                        src="https://apis.map.qq.com/tools/locpicker?search=1&type=1&key=2YZBZ-LKM3V-J47P5-U2ZIT-PTFY7-5RBCO&referer=myapp">
                                </iframe>
                                <input type="hidden" name="seller_longitude">
                                <input type="hidden" name="seller_latitude">
                                <input type="hidden" name="seller_address">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label required">电话</label>
                            <div class="layui-input-block">
                                <input type="text" name="seller_phone" class="layui-input"  placeholder="请输入电话" value="" lay-verify="required">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label required">门店照片</label>
                            <div class="layui-input-block layuimini-upload">
                                <input name="seller_shop_image" class="layui-input layui-col-xs6" placeholder="请上传门店照片" value="" lay-verify="required">
                                <div class="layuimini-upload-btn">
                                    <span><a class="layui-btn" data-upload="seller_shop_image" data-upload-number="one" data-upload-exts="png|jpg|jpeg"><i class="fa fa-upload"></i> 上传</a></span>
<!--                                    <span><a class="layui-btn layui-btn-normal" id="select_seller_shop_image" data-upload-select="seller_shop_image" data-upload-number="one"><i class="fa fa-list"></i> 选择</a></span>-->
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- group -->
                    <div class="layui-tab-item">
                        <div class="layui-form-item">
                            <label class="layui-form-label required">每人抽奖次数</label>
                            <div class="layui-input-block">
                                <input type="text" name="draw_prize_number" class="layui-input"  placeholder="请输入每人抽奖次数" value="" lay-verify="required">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label required">是否需要购买后才可领取</label>
                            <div class="layui-input-block">
                                <input type="radio" name="draw_prize_is_payment" value="0" title="否">
                                <input type="radio" name="draw_prize_is_payment" value="1" title="是" checked>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label required">领取说明</label>
                            <div class="layui-input-block">
                                <input type="text" name="draw_prize_tip" class="layui-input"  placeholder="请输入领取说明" value="" lay-verify="required">
                            </div>
                        </div>
                    </div>
                    <!-- group -->
                    <div class="layui-tab-item">
                        <div class="layui-form-item">
                            <label class="layui-form-label required">是否参与活动</label>
                            <div class="layui-input-block">
                                <input type="radio" name="platform_box_is_join" value="0" title="否" checked>
                                <input type="radio" name="platform_box_is_join" value="1" title="是">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">盲盒活动</label>
                            <div class="layui-input-block layuimini-upload">
                                <input name="platform_box_id" class="layui-input layui-col-xs6" placeholder="请选择盲盒活动" value="">
                                <div class="layuimini-upload-btn">
                                    <span>
                                        <a class="layui-btn layui-btn-normal"
                                           id="select_platform_box_id"
                                           data-platform-box-select="platform_box_id"
                                           data-platform-box-select-number="one"
                                           data-platform-box-select-url="/admin/admin/platformbox/index?is_list=1"
                                           data-platform-box-select_id="id"
                                           data-platform-box-select_name="name"
                                        ><i class="fa fa-list"></i> 选择</a>
                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- group -->
                    <div class="layui-tab-item">
                        <div class="layui-form-item">
                            <label class="layui-form-label required">倒计时背景颜色</label>
                            <div class="layui-input-block">
                                <div class="layui-input-inline">
                                    <input type="text" name="countdown_bgcolor" class="layui-input" placeholder="请选择颜色" value="#FCC547" lay-verify="required">
                                </div>
                                <div class="layui-inline" style="left: -11px; margin-bottom: 0px">
                                    <div id="countdown_bgcolor" data-setting-color="countdown_bgcolor"></div>
                                </div>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label required">[我的] 名称</label>
                            <div class="layui-input-block">
                                <input type="text" name="my_botton_name" class="layui-input" placeholder="请输入自定义名称" value="我的" lay-verify="required">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label required">[我的] 颜色</label>
                            <div class="layui-input-block">
                                <div class="layui-input-inline">
                                    <input type="text" name="my_botton_color" class="layui-input" placeholder="请选择按钮背景颜色" value="#F92C51" lay-verify="required">
                                </div>
                                <div class="layui-inline" style="left: -11px; margin-bottom: 0px">
                                    <div id="my_botton_color" data-setting-color="my_botton_color"></div>
                                </div>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label required">[立即购买] 名称</label>
                            <div class="layui-input-block">
                                <input type="text" name="buy_botton_name" class="layui-input" placeholder="请输入自定义名称" value="立即购买" lay-verify="required">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label required">[立即购买] 颜色</label>
                            <div class="layui-input-block">
                                <div class="layui-input-inline">
                                    <input type="text" name="buy_botton_color" class="layui-input" placeholder="请选择按钮背景颜色" value="#FDC548" lay-verify="required">
                                </div>
                                <div class="layui-inline" style="left: -11px; margin-bottom: 0px">
                                    <div id="buy_botton_color" data-setting-color="buy_botton_color"></div>
                                </div>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label required">[立即分享] 名称</label>
                            <div class="layui-input-block">
                                <input type="text" name="share_botton_name" class="layui-input" placeholder="请输入自定义名称" value="立即分享" lay-verify="required">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label required">[立即分享] 颜色</label>
                            <div class="layui-input-block">
                                <div class="layui-input-inline">
                                    <input type="text" name="share_botton_color" class="layui-input" placeholder="请选择按钮背景颜色" value="#FDC548" lay-verify="required">
                                </div>
                                <div class="layui-inline" style="left: -11px; margin-bottom: 0px">
                                    <div id="share_botton_color" data-setting-color="share_botton_color"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- group -->
                    <div class="layui-tab-item">
                        <div class="layui-form-item">
                            <label class="layui-form-label required" style="width: 120px;">是否参与推荐奖励</label>
                            <div class="layui-input-block">
                                <input type="radio" name="staff_is_recom" value="0" title="否" checked>
                                <input type="radio" name="staff_is_recom" value="1" title="是">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label required" style="width: 120px;">是否参与翻牌抽奖</label>
                            <div class="layui-input-block">
                                <input type="radio" name="staff_is_draw" value="0" title="否" checked>
                                <input type="radio" name="staff_is_draw" value="1" title="是">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label required" style="width: 120px;">是否参与平台盲盒</label>
                            <div class="layui-input-block">
                                <input type="radio" name="staff_is_platform_box" value="0" title="否" checked>
                                <input type="radio" name="staff_is_platform_box" value="1" title="是">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="hr-line"></div>
        <div class="layui-form-item text-center">
            <button type="submit" class="layui-btn layui-btn-normal layui-btn-sm" lay-submit>确认</button>
            <button type="reset" class="layui-btn layui-btn-primary layui-btn-sm">重置</button>
        </div>
    </form>
</div>
